/* 注册页面css样式 */
.w {
  width: 1200px;
  margin: 0 auto;
}

/* 1. 交集选择器： 即是 header标签 又带有 w类名的 header.w */
/* 2. 在其一个类名去区分 */
header.w {
  height: 84px;
  padding-top: 16px;
  border-bottom: 2px solid #b1191a;
}

header.w .logo {
  width: 172px;
  height: 61px;
}

header.w .logo img {
  width: 100%;
  height: 100%;
}

/* 内容区开始 */
.reg_form {
  height: 520px;
  margin-top: 21px;
  border: 1px solid #dfdfdf;
}

.reg_form header {
  height: 41px;
  line-height: 41px;
  font-size: 18px;
  font-weight: 700;
  color: #333;
  padding: 0 10px;
  background-color: #ececec;
}

.reg_form header .login {
  float: right;
  font-size: 14px;
  font-weight: 400;
}

.reg_form header .login a {
  color: #c81623;
}

.reg_form form {
  width: 600px;
  margin: 0 auto;
  margin-top: 54px;
  /* background-color: #88ddff; */
}

.reg_form form li {
  margin-bottom: 20px;
  line-height: 36px;
}

.reg_form form li label span {
  display: inline-block;
  width: 100px;
  /* 让文字右对齐 */
  font-size: 14px;
  color: #4d4d4d;
  text-align: right;
  margin-right: 10px;
}

.reg_form form li label input {
  width: 240px;
  height: 36px;
  border: 1px solid #999;
}

.reg_form form li label i {
  font-size: 12px;
}

/* 正确的类 */
.success {
  color: #008000;
}

.error {
  color: #df3033;
}

.success::before,
.error::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  margin: 0 4px 0 10px;
  vertical-align: middle;
}

.success::before {
  background: url(../images/success.png) no-repeat;
}

.error::before {
  background: url(../images/error.png) no-repeat;
}

/* 同意协议 */
.argee {
  /* margin-top: 42px;
  margin-bottom: 50px;
  margin-left: 110px; */
  margin: 42px 0 0 110px;
}

/* 属性选择器 */
.argee input[type="checkbox"] {
  width: 16px;
  height: 15px;
  margin-right: 12px;
  vertical-align: middle;
}

.argee a {
  color: #1ba1e6;
}

/*
  input[type='submit'] 权重是多少？
  类 伪类 属性选择器 结构伪类 权重都是 10

*/
.reg_form .btn {
  margin-top: 50px;
  margin-left: 121px;
}

input[type="submit"] {
  width: 200px;
  height: 34px;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  line-height: 34px;
  background-color: #c81623 !important;
}

/* !important > 行内 >     id >      类 >   标签通配符 */
/* 无穷大     1,0,0,0   0,1,0,0   0,0,1,0    0,0,0,1  */
/*  :hover :link [] :nth-child()  和 类选择器一样 */
/* 伪元素 权重和 标签一样 都是 0,0,0,1  */
/* div:nth-child(1)::before {} 权重是 0,0,1,2 */
/* 安全程度 */
.anquan {
  margin-left: 170px;
  margin-top: 10px;
}

.anquan em {
  padding: 0 12px;
  color: #fff;
}

.red {
  background-color: #de1111;
}

.green {
  background-color: #40b83f;
}

.org {
  background-color: #f79100;
}

.reg_form form li:nth-child(3) {
  margin-bottom: 0;
}
/* 底部 */
footer .mod_copyright {
  text-align: center;
  padding-top: 20px;
}

footer .mod_copyright .links {
  width: 1035px;
  height: 12px;
  margin: 0 auto;
  line-height: 12px;
}
footer .mod_copyright .links li {
  float: left;
  padding: 0 16px;
  border-right: 1px solid #999;
}
footer .mod_copyright .links li:last-child {
  border-right: none;
}
footer .mod_copyright .copyright {
  margin-top: 17px;
}
/* footer 模块结束 */
